<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>二级导航</title>
    <link rel="stylesheet" href="/css/二级导航.css">
</head>

<body>
    <!-- 制作二级菜单 -->
    <ul class="menu">
        <li class="menu-item">
            <a href="#">首页</a>
        </li>
        <li class="menu-item">
            <a href="#">学校概况</a>
            <div class="sub-menu">
                <a href="#">学校简介</a>
                <a href="#">学校章程</a>
                <a href="#">历史沿革</a>
                <a href="#">名誉校长</a>
                <a href="#">现任领导</a>
                <a href="#">学校标识</a>
            </div>
        </li>
        <li class="menu-item">
            <a href="#">组织机构</a>
            <div class="sub-menu">
                <a href="#">党群机构</a>
                <a href="#">教学单位</a>
                <a href="#">教学单位</a>
                <a href="#">直属单位</a>
            </div>
        </li>
        <li class="menu-item">
            <a href="#">学科建设</a>

        </li>
        <li class="menu-item">
            <a href="#">教育教学</a>

        </li>
        <li class="menu-item">
            <a href="#">校园文化</a>
            <div class="sub-menu">
                <a href="#">青年教学</a>
                <a href="#">阳光助学</a>
            </div>
        </li>
    </ul>



    <script src="js/二级导航.js"></script>
</body>

</html>